/* Neon is concentrated on edges, instruments and the WHALES mark, never body text. */
:root{--edge-glow:#049eff2e;--edge-hot:#32cfff;--ambient:#0073dc17}
:root[data-theme=light]{--edge-glow:#008cff12;--edge-hot:#0796cd;--ambient:#2dbbff0c}
.workspace{background:radial-gradient(ellipse at 52% 12%,var(--ambient),transparent 58%),radial-gradient(ellipse at 95% 65%,#0258930b,transparent 55%),var(--bg)}
.topbar:after{content:'';position:absolute;bottom:-1px;inset-inline:12%;height:1px;background:linear-gradient(90deg,transparent,#1ab8ff88,transparent);pointer-events:none;box-shadow:0 0 9px #00a6ff33}
.panel,.feature-card,.course-card{position:relative;box-shadow:inset 0 1px #79dfff08,0 0 22px var(--edge-glow),0 8px 26px #0002;transition:border-color .24s,box-shadow .24s,transform .24s}
.panel:before{content:'';pointer-events:none;position:absolute;top:-1px;inset-inline:18%;height:1px;background:linear-gradient(90deg,transparent,#32baff77,transparent);box-shadow:0 0 8px #119eff44;border-radius:50%}
.command-grid .panel,.manager-panel,.positions-panel{border-color:color-mix(in srgb,var(--line) 65%,#0a88bd)}
.hud-stage{background:radial-gradient(ellipse at 50% 48%,#004de52c,transparent 66%)}
.hud-stage:before{content:'';position:absolute;inset:-1% 0 7%;pointer-events:none;background:radial-gradient(circle at 12% 18%,#5bdbff 0 1px,transparent 1.5px),radial-gradient(circle at 84% 23%,#159def 0 1px,transparent 1.5px),radial-gradient(circle at 21% 69%,#4acaeb 0 1px,transparent 1.5px),radial-gradient(circle at 90% 76%,#38c9ff 0 1px,transparent 1.5px),radial-gradient(circle at 33% 7%,#009dee 0 1px,transparent 1.5px),radial-gradient(circle at 71% 88%,#00aaff 0 1px,transparent 1.5px);opacity:.65;animation:star-breath 6s ease-in-out infinite alternate}
.hud:before{filter:drop-shadow(0 0 4px #0099ff66)}
.orbit-one{border-color:#0d8ac4;box-shadow:0 0 16px #057dfa44,inset 0 0 18px #009fff24}
.orbit-two{border-top-color:#67e5ff;border-bottom-color:#0a74e1;animation:orbit 38s linear infinite reverse}
.orbit-three{box-shadow:0 0 17px #006dffbb,0 0 38px #003de73b,inset 0 0 20px #0084ff66;border-top-color:#17bfff;border-right-color:#4faaff}
.orbit-four{animation-duration:24s;border-top-color:#4ce3ff;filter:drop-shadow(0 0 3px #00adff88)}
.hud-core{box-shadow:inset 0 0 32px #009dff3b,0 0 28px #0072ffad,0 0 55px #005fe733}
.hud-core:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 50% 44%,#14caff2b,transparent 69%);animation:core-breath 5s ease-in-out infinite alternate}
.hud-core>img{position:relative;animation:logo-float 6s ease-in-out infinite;filter:drop-shadow(0 0 8px #74e6ffc9) drop-shadow(0 0 21px #009cffaa)}
.hud-core strong,.hud-core>span:last-child{position:relative}
.hud-node{border-color:#298fc4;box-shadow:inset 0 0 20px #09a7e72a,0 0 0 4px var(--bg),0 0 0 5px #087eba8a,0 0 17px #049cff25}
.hud-node i{color:#9ee7ff;text-shadow:0 0 7px #2dcaff,0 0 18px #0088ff99}
.orbit-dot{animation:beacon 3.5s ease-in-out infinite alternate}
.orbit-dot.dot-two{animation-delay:-1.7s}
.hud-base{background:radial-gradient(ellipse,#00b3ff52,transparent 68%);box-shadow:0 0 22px #008cff35,0 15px 30px #0065d421}
.hud-base span{animation:base-pulse 4s ease-in-out infinite alternate}
.hud-base span+span{animation-delay:-2s}
.hero-art{animation:ocean-drift 22s ease-in-out infinite alternate;transform-origin:68% 48%}
.hero-copy .primary,.landing-cta .primary{box-shadow:inset 0 0 15px #5ccbff55,0 0 22px #007fff55,0 5px 22px #004fff24}
.primary{position:relative;overflow:hidden;isolation:isolate;box-shadow:inset 0 0 11px #46baff4f,0 0 16px #008dff3d}
.primary:before{content:'';position:absolute;inset:-100% auto -100% -55%;width:35%;background:linear-gradient(90deg,transparent,#d5faff55,transparent);transform:skewX(-22deg) translateX(0);pointer-events:none}
.primary>span,.primary>i{position:relative;z-index:1}
.quick-actions .btn{box-shadow:inset 0 0 13px #2082ed16,0 0 10px var(--edge-glow)}
.gold-outline{box-shadow:inset 0 0 13px #ba87201c,0 0 12px #ba871810}
.success{box-shadow:inset 0 0 15px #00d2a928,0 0 12px #00b98a1d}
.danger{box-shadow:inset 0 0 18px #ff426648,0 0 15px #c93d5526}
.course-art>i{transition:transform .35s,filter .35s}
.course-art:after{content:'';position:absolute;inset:0;background:url('../img/brand-logo.png') 91% 18%/auto 37% no-repeat;opacity:.07;pointer-events:none}
.chart-wrap{box-shadow:inset 0 0 18px #078ad008}
.notification-trigger .notification-count{box-shadow:0 0 9px #ff4b6255}
.reveal-ready{opacity:0;transform:translateY(15px);transition:opacity .5s ease var(--reveal-delay,0ms),transform .5s cubic-bezier(.2,.7,.3,1) var(--reveal-delay,0ms)}
.reveal-ready.is-revealed{opacity:1;transform:translateY(0)}
@media(hover:hover) and (pointer:fine){
 .feature-card:hover,.course-card:hover{transform:translateY(-4px);box-shadow:0 0 28px #0096e82b,0 14px 30px #0003;border-color:var(--cyan)}
 .course-card:hover .course-art>i{transform:scale(1.07);filter:drop-shadow(0 0 13px #12baff55)}
 .command-grid .panel:hover{border-color:#2499c8;box-shadow:0 0 25px #048bdf30}
 .hud-node:hover{border-color:#94edff;box-shadow:0 0 24px #009fff7d,inset 0 0 26px #0cb8ff36,0 0 0 4px var(--bg),0 0 0 5px #46cfffaa}
 .primary:hover:before{animation:button-sheen .7s ease-out}
}
:root[data-theme=light] .panel,:root[data-theme=light] .feature-card,:root[data-theme=light] .course-card{box-shadow:0 0 18px #068ac90a,0 8px 22px #35648210}
:root[data-theme=light] .hud-stage{background:radial-gradient(ellipse at 50% 48%,#2aa0ff24,transparent 66%)}
:root[data-theme=light] .hud-node i{color:#007cb5;text-shadow:0 0 12px #04a9ff33}
:root[data-theme=light] .hud-core{box-shadow:inset 0 0 22px #42c5ff33,0 0 23px #0095ff77,0 0 45px #048aff18}
:root[data-theme=light] .primary{box-shadow:inset 0 0 12px #6de8ff25,0 5px 16px #0084d927}
:root[data-theme=light] .success,:root[data-theme=light] .gold-outline{box-shadow:inset 0 0 12px #0c6c9010}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
@keyframes ocean-drift{from{scale:1}to{scale:1.035}}
@keyframes logo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes core-breath{from{opacity:.3}to{opacity:.9}}
@keyframes star-breath{from{opacity:.35}to{opacity:.8}}
@keyframes beacon{from{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}
@keyframes base-pulse{from{opacity:.2;transform:scale(.96)}to{opacity:.65;transform:scale(1.035)}}
@keyframes button-sheen{to{transform:skewX(-22deg) translateX(560%)}}
@media(max-width:600px){
 .hero-art{animation:none}
 .panel,.course-card{box-shadow:0 0 14px #007fbd16}
 .hud-core{box-shadow:inset 0 0 20px #009cff33,0 0 19px #0077ff99,0 0 30px #0071ff22}
 .hud-node{box-shadow:inset 0 0 12px #08a3e42a,0 0 0 3px var(--bg),0 0 0 4px #087eba8a,0 0 12px #049cff25}
 .reveal-ready{transition-duration:.35s;--reveal-delay:0ms!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}}
/* One coherent blue atmosphere across the scene, not a glow applied to the logo. */
body{isolation:isolate}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('../img/hud-atmosphere.svg') center center/cover no-repeat;opacity:.9}
body:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 48% 38%,#0076e51e,transparent 55%),radial-gradient(ellipse at 8% 85%,#009deb19,transparent 45%),radial-gradient(ellipse at 93% 21%,#006dda25,transparent 48%);opacity:.8;animation:scene-breath 12s ease-in-out infinite alternate}
:root:not([data-theme=light]) .panel{background:linear-gradient(135deg,#08283ddd,#041421ed 55%,#041a2ae8);box-shadow:inset 0 1px #5be4ff0b,0 0 26px #008ad52b,0 10px 30px #0003}
:root:not([data-theme=light]) .topbar{background:#020d1bea;border-bottom-color:#0c4866}
:root:not([data-theme=light]) .rail{background:linear-gradient(180deg,#041724f0,#020c18f5);border-inline-end-color:#0d3853}
:root:not([data-theme=light]) .feature-card,:root:not([data-theme=light]) .course-card{background:linear-gradient(140deg,#07283be8,#041322e8);border-color:#175473}
.panel:after{content:'';position:absolute;pointer-events:none;bottom:-1px;inset-inline:30%;height:1px;background:linear-gradient(90deg,transparent,#1287b766,transparent);box-shadow:0 0 10px #00a8ee55}
.hud-stage:after{content:'';position:absolute;inset:0 -8% 10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#006aff38,transparent 68%),radial-gradient(ellipse at 50% 80%,#02b3ed1b,transparent 65%);animation:scene-breath 7s ease-in-out infinite alternate}
.hud-core>img{filter:drop-shadow(0 0 5px #16b8ff88)}
.hud-node{box-shadow:inset 0 0 20px #0aa8e738,0 0 0 4px var(--bg),0 0 0 5px #098ac799,0 0 25px #048fff40}
.hud-node i{filter:drop-shadow(0 0 5px #03bbff88);text-shadow:0 0 7px #19bfff,0 0 17px #0088ff99}
.rail a i,.metric>i,.feature-icon>i,.quick-actions .btn>i,.tool-symbol>i{filter:drop-shadow(0 0 5px #13b9ff70)}
.rail a.active i{color:#6adfff;filter:drop-shadow(0 0 5px #02c9ff) drop-shadow(0 0 11px #008cff77)}
.orbit-three{box-shadow:0 0 16px #0074ffbb,0 0 36px #0067e56b,0 0 75px #005de72b,inset 0 0 25px #008cff55}
.hud-base{box-shadow:0 0 24px #008cff55,0 12px 42px #0072e642;background:radial-gradient(ellipse,#00aaff60,transparent 72%)}
:root[data-theme=light] body:before{opacity:.18}
:root[data-theme=light] body:after{opacity:.25;animation:none}
:root[data-theme=light] .hud-stage:after{opacity:.45;animation:none}
:root[data-theme=light] .rail a i,:root[data-theme=light] .metric>i,:root[data-theme=light] .feature-icon>i,:root[data-theme=light] .quick-actions .btn>i{filter:drop-shadow(0 0 4px #009fff25)}
:root[data-theme=light] .rail a.active i{color:var(--cyan);filter:drop-shadow(0 0 7px #079ddb33)}
@keyframes scene-breath{from{opacity:.55}to{opacity:1}}
@media(max-width:600px){body:after{animation:none;opacity:.65}.hud-node{box-shadow:inset 0 0 15px #09a6e536,0 0 0 3px var(--bg),0 0 0 4px #0984c39c,0 0 16px #029bff40}}
.hud-stage:after{inset:0 0 10%}